<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
    <script>
        // 内部js语句
        alert(111);
    </script>

    <!-- 外部js引入 -->
    <script src="路径">
        // 不能写任何代码
    </script>
</head>

<body>

    <h1></h1>

    <!-- 
        注意
            js语句一般放在两个位置
                1 head里面
                2 body结束之前   建议(页面的读取顺序问题)

            js的内部和外部引入不能混用
     -->

     <script src="外部js文件"></script>
     <script>
        // 内部js代码
     </script>


</body>

</html>